*{
 margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
body{
    font-family: "Microsoft Yahei", "微软雅黑", "宋体", Tahoma, Arial, Helvetica, STHeiti;
}

a{
    color:#333;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}
i{
    font-style: normal;
}
img{
    display: inline-block;
    border: none;
}

/*公用样式*/
.middle{vertical-align: middle;}

.phoneDH{animation: msClock 1.2s linear infinite;}
@keyframes msClock{
    0%,90%,100%{ transform: rotate(0) scale(1);}
    20%,40%{ transform: rotate(-15deg) scale(1.1);}
    30%,50%{ transform: rotate(15deg) scale(1.1);}
}

/* 公用模块标题头 */
.bt_top{text-align: center; padding-bottom: 50px;}
.bt_top .p_1{color: #333333; font-size: 30px; display: inline-block; padding: 0 10px; text-transform: uppercase;}
.bt_top .p_2{color: #333333; font-size: 32px; font-weight: bold; display: inline-block;}

/* 头部样式 */
.head{width:100%; position: relative; z-index: 2;}
.head_top{width:100%; height:38px; line-height:38px; background: #f4f4f4;}
.head_top_content{width:1200px; margin:0 auto; color:#666666; overflow: hidden;}
.head_top_content > p{float:left; font-size:14px; color: #666666}
.head_top_content > div{float:right; font-size:14px; color:#666666;}
.head_top_content > div li{display: inline-block; padding: 0 10px 0 10px;}
.head_top_content > div li:nth-child(5){padding-right: 0px;}
.head_top_content > div a img{vertical-align: middle;}
.head_top_content a{color:#666666;}

.head_content{width:1200px; padding: 27px 0; margin:0 auto; overflow: hidden; position: relative;margin-bottom: 10px;}
.head_content .middle{display: inline-block; margin-left: 10px; vertical-align: middle; border-left: 1px solid #cccccc; padding-left: 15px;}
.head_content .middle .p1{font-size: 24px; color: #444444;font-weight: bold}
.head_content .middle .p2{font-size: 16px; color: #666666;margin-top: 5px;}
.head_content .right{float: right; margin-top:18px; margin-right: 12px;}
.head_content .right .p1{font-size: 18px; text-align: right; color: #666666;}
.head_content .right .p2{font-size: 24px; color: #dc2936; font-weight: bolder;}

.head .nav{width: 100%;height: 60px; background: #2f549e; background: url('../images/nav_bg2.png');}
.head .nav>div{width: 1200px; margin: 0 auto;}
.head .nav>div ul li{float: left; margin-top: -5px; color: #ffffff; width: 132px; height: 68px; line-height: 64px; text-align: center; position: relative;}
.head .nav>div ul li a{color: #ffffff;}
.head .nav>div ul li:hover{background:url('../images/nav_bg.png') no-repeat;}
.head .nav>div ul .on{background: url('../images/nav_bg.png') no-repeat;}
/* 头部样式 end */


/* banner */
.banner{width:100%; position:relative; top:-3px; overflow: hidden;}
.banner .hd{position:absolute; left: 50%; bottom: 18px; margin-left:-50px;}
.banner .hd li{width:16px;height:16px; margin-right:22px; border-radius:50%;display: inline-block; background: #ffffff;}
.banner .hd li.on{ background:#000000;}
.banner .bd ul li{display:none;}
.banner .bd ul li:nth-child(1){display: list-item;}
/* banner end*/

/* 热门搜索 */
.search{width: 1200px; margin: 0 auto; line-height: 56px;}
.search ul li{font-size: 14px;display: inline-block; margin-right: 10px; padding: 5px;color: #666666;}
.search ul li a{color: #666666;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 352px; height: 35px; vertical-align: middle; margin: 18px 0 0 0;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: middle; line-height: 35px; background: none; border: none; height: 35px; margin: -25px 0 0 0; color: #999; outline: none; width: 250px; text-indent: 20px;}
.search-form #s_btn{ background: none; width: 35px; height: 35px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; margin: 0px 0 0 60px; display: inline-block; vertical-align: top;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
    color: #c4c4c4;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #c4c4c4;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #c4c4c4;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
    color: #c4c4c4;}
/* 热门搜索 end */

/* cp 产品*/
.cp{width: 100%; padding-top: 60px; padding-bottom: 36px;}
.cp>div{width: 1200px; margin: 0 auto}
.cp>div .left{width: 240px; display:inline-block; border: 1px solid #e8e8e8; margin-right: 10px;}
.cp>div .left .tou{text-align: center; height: 90px; background: url("../images/img1.png")}
.cp>div .left .tou .p2{color: #ffffff;font-size:24px; margin-top: 15px;}
.cp>div .left .tou .p3{color: #ffffff;font-size:22px; text-align: left;}
.cp>div .left .middle{background: #ffffff; border-top: none;}
.cp>div .left .middle .menu , .cp>div .left .middle .ttt{ height:42px;margin: 0 auto;background: url("../images/img2.png"); margin-bottom: 10px;}
.cp>div .left .middle .menu p, .cp>div .left .middle .ttt p{display: inline-block; vertical-align: middle; color: #ffffff;}
.cp>div .left .middle ul, .cp>div .left .middle dl{width: 206px; margin-left: 22px;}
.cp>div .left .middle ul li, .cp>div .left .middle dl dd{font-size: 14px;color: #666666; margin-bottom: 10px; padding: 0 0 9px 20px; border-bottom: 1px solid #eeeeee}
.cp>div .left .middle ul li:hover a, .cp>div .left .middle dl dd:hover a{color: #bd1018}

.cp>div .right{width: 930px; display: inline-block;background: #ffffff; vertical-align: top; box-sizing: border-box}
.cp>div .right .top{height: 45px; background: #e8e8e8;}
.cp>div .right .middle ul li{width: 300px; height: 250px; display: inline-block; margin-right: 10px;  padding: 12px 0 0 0;}
.cp>div .right .middle ul li .a_1{display: inline-block;overflow: hidden; line-height: 0;}
.cp>div .right .middle ul li .a_1 img{width: 300px; height: 210px;}
.cp>div .right .middle ul li .a_2{display: block; height: 40px; line-height: 40px; background: url('../images/img3.png'); text-align: center; color: #ffffff; margin-top: -5px; font-size: 15px;}
.cp>div .right .middle ul li:hover img{transform: scale(1.1,1.1);transition-duration: 1.5s;}
.cp>div .right .middle ul li:hover a{background: url('../images/img4.png');}
.cp>div .bottom{margin-top: 50px;}
/* cp 产品end*/


/* jjfa 解决方案*/
.jjfa{width: 100%; background: #f5f5f5; padding-top: 60px; padding-bottom: 45px;}
.jjfa>div{width: 1200px; margin: 0 auto}
.jjfa .middle .hd ul li,.jjfa .middle .hd ul span{cursor: pointer;width: 300px; height: 60px; float: left; line-height: 60px; background: #333333; text-align: center; color: #ffffff; font-size: 18px;}
.jjfa .middle .hd ul li.on{background: url('../images/img2.png'); background-size: 1% 100%;}
.jjfa .middle .hd ul li:before{ content:url('../images/img7.png');width: 50px; height: 50px; position: relative; top:33px; left: 38px; visibility: hidden;}
.jjfa .middle .hd ul li.on:before{visibility: visible;}
.jjfa .middle .bd{border: 3px solid #cacaca; height: 400px; background: #ffffff; margin-top: 28px;}
.jjfa .middle .bd ul li{height: 400px;}
.jjfa .middle .bd ul li .img_1{margin-left: 42px; margin-top: 34px; width: 604px; height: 334px;}
.jjfa .middle .bd ul li .img_2{width: 56px; height: 82px; position: absolute; top: -30px; right: 4px; background: url('../images/img8.png');}
.jjfa .middle .bd ul li .img_2 p{color: #d6d6d6;font-size: 40px; margin-left: 4px;}
.jjfa .middle .bd ul li .right_{width: 500px; height: 330px; display: inline-block; vertical-align: top; position: relative; margin: 54px 0 0 15px;}
.jjfa .middle .bd ul li .right_ .p_1{font-size: 24px; color: #333333; font-weight: bold;}
.jjfa .middle .bd ul li .right_ .p_2{text-transform: uppercase; color: #999999; font-size: 16px; margin: 5px 0 15px 0;}
.jjfa .middle .bd ul li .right_ span{display: block; width: 30px; height: 4px; background: #c90f17;}
.jjfa .middle .bd ul li .right_ .p_3{color: #666666; font-size: 14px; line-height: 30px; margin-top: 15px;}

.jjfa .bottom .bd ul li{ text-align: center; width: 260px!important; display: inline-block; vertical-align: top; margin-right: 12px;}
.jjfa .bottom .bd ul li .pic{ width: 260px; border: 1px solid #ccc; height: 180px;overflow: hidden; box-sizing: border-box;}
.jjfa .bottom .bd ul li .pic img{ width: 260px; height: 180px;}
.jjfa .bottom .bd ul .mc{ font-size: 14px; color: #666;margin: 10px 0 0;}
.jjfa .bottom .bd ul li:hover .mc{ color: #e6212a;}
.jjfa .bottom .bd{ padding: 0 60px 0; position: relative;}
.jjfa .bottom .bd .next2, .jjfa .bottom .bd .prev2{ width: 15px; height: 42px; position: absolute; top: 86px; cursor: pointer;}
.jjfa .bottom .bd .prev2{left: 0;}
.jjfa .bottom .bd .next2{right: 0;}
/* jjfa 解决方案end*/


/* alzx 案例中心*/
.alzx{width: 100%;  padding-top: 60px; padding-bottom: 36px; position: relative; z-index: 2}
.alzx>div{width: 1200px; margin: 0 auto}
.alzx .left{width: 240px; display: inline-block}
.alzx .left ul li, .alzx .left ul span{width: 240px; height: 80px; background: url('../images/img10.png'); position: relative; cursor: pointer;}
.alzx .left ul .on{background: url('../images/img9.png');}
.alzx .left ul .on:before{ content:url('../images/img11.png'); position: absolute; top: 35px; left: 240px;}
.alzx .left ul .p_1{color: #ffffff; font-size: 18px; margin-left: 32px; padding-top: 15px;}
.alzx .left ul .p_2{color: #666666; font-size: 14px; text-transform: uppercase; margin-left: 32px; margin-top: 4px;}
.alzx .right{width: 930px; display: inline-block;vertical-align: top; margin-left: 20px;}
.alzx .right ul li{width: 930px; height: 560px; position: relative; overflow: hidden;}
.alzx .right ul li:hover img{transform: scale(1.1,1.1);  transition-duration: 1.5s;}
.alzx .right ul li .wbk{width:100%; height: 90px; position: absolute; bottom: 0px; background: url('../images/img_bg1.png')}
.alzx .right ul li .wbk .wbk-left{display: inline-block;width: 100%; height: 95px;}
.alzx .right ul li .wbk .wbk-left .p_1{display: block; font-size: 22px; color: #ffffff;margin:12px 0 0 12px;}
.alzx .right ul li .wbk .wbk-left .p_2{display: block; line-height: 26px; ;font-size: 15px; color: #ffffff;margin:7px 5px 0 12px;}
/* alzx 案例中心end*/

/* sdys 四大优势 */
.sdys{width: 100%; background: #f5f5f5; margin-top: -36px; padding-bottom: 50px;}
.sdys>div{width: 1200px; margin: 0 auto}
.sdys .left{display: inline-block; width: 500px; vertical-align: middle; margin-left: 50px;}
.sdys .left .p_1{font-size: 30px; color: #333333;}
.sdys .left .p_2{font-size: 14px; color: #999999; text-transform: uppercase;}
.sdys .left .p_3{font-size: 14px; color: #666666; line-height: 28px;}
.sdys .left .p_4{font-size: 14px; color: #666666; vertical-align: middle; margin: 0 26px 0 6px;}
.sdys .box_img{position: relative; display: inline-block; width: 54px;height: 54px;}
.sdys .title_img_wb{position: relative;top: -14px;left: -48px;font-size: 30px;color: #ffffff; top: -50px; left: 9px;}
.sdys .right{display: inline-block; width: 600px; vertical-align: middle; position: relative; top: 6px;}
.red_xian{height: 3px; border-top: 1px dashed red; border-bottom: 1px dashed red; margin-bottom: 15px;}
/* sdys 四大优势end */

#hengtu{margin-top: -70px;}

/* khgy 客户感言 */
.khgy{width: 100%; margin-top: 76px; padding-bottom: 50px;}
.khgy>div{width: 1200px; margin: 0 auto}
.khgy .middle ul li{width: 350px; height: 488px; display: inline-block; border: 1px solid #e8e8e8; cursor: pointer; margin-right: 65px;}
.khgy .middle ul li:hover{box-shadow: 3px 3px 10px #888888; transition-duration: 0.1s;}
.khgy .middle ul li .wb{padding:2px 0 0 20px;}
.khgy .middle ul li .p_1{font-size: 16px; color: #333333; font-weight: bold; margin-top: 8px;}
.khgy .middle ul li .p_2{font-size: 14px; color: #666666; margin-top: 14px; line-height: 26px;}
.khgy .middle .btn{margin-left: 118px; margin-top: 13px;}
.khgy .middle ul li:hover .jt_1{display: none;}
.khgy .middle ul li:hover .jt_2{display: inline-block!important;}

.khgy .bottom .bd ul li{ text-align: center; width: 205px!important; display: inline-block; vertical-align: top; margin-right: 12px;}
.khgy .bottom .bd ul li .pic{ width: 205px; border: 1px solid #ccc; height: 100px;overflow: hidden; box-sizing: border-box;}
.khgy .bottom .bd ul li .pic img{ width: 205px; height: 100px;}
.khgy .bottom .bd ul .mc{ font-size: 14px; color: #666;margin: 10px 0 0;}
.khgy .bottom .bd ul li:hover .mc{ color: #e6212a;}
.khgy .bottom .bd{ padding: 0 60px 0; position: relative;}
.khgy .bottom .bd .next2, .khgy .bottom .bd .prev2{ width: 15px; height: 42px; position: absolute; top: 43px; cursor: pointer;}
.khgy .bottom .bd .prev2{left: 0;}
.khgy .bottom .bd .next2{right: 0;}
/* khgy 客户感言end */


/* gywm 关于我们 */
.gywm{width: 100%; background: #f5f5f5;}
.gywm>div{width: 1200px; margin: 0 auto}
.gywm .middle .left{width: 478px; height: 306px; display: inline-block; overflow: hidden;}
.gywm .middle .left img:hover{transform: scale(1.1,1.1);  transition-duration: 1.5s;}
.gywm .middle .right{width: 456px; height: 306px;display: inline-block; vertical-align: top; margin-left: -5px; background: #ffffff; position: relative}
.gywm .middle .right .p_1{margin-left: 38px;font-size: 16px; color: #c80f16; text-transform: uppercase; margin-top: 23px;}
.gywm .middle .right .p_2{margin-left: 38px; font-size: 24px; color: #c80f16; display: inline-block; vertical-align: middle; font-weight: bold;}
.gywm .middle .right .p_3{font-size: 14px; color: #666666; line-height: 28px; text-align: left; padding: 0px 42px;}
.gywm .middle .right .hengxian{width: 140px; height: 2px; background: #c80f16; display: inline-block; vertical-align: middle;}
.gywm .middle .right .btn{width: 100px; height: 30px; background: #333333; line-height: 30px; text-align: center; color: #ffffff; display: inline-block;position: absolute;bottom: 23px;right: 40px;}
.gywm .middle .right .btn:hover{background: url(../images/img2.png)1% 100%;}

.gywm .middle .right2 .hengxian{width: 33px; height: 2px; background: #c80f16; display: inline-block; vertical-align: middle;}
.gywm .middle .right2 .p_1{font-size: 16px; color: #c80f16; text-transform: uppercase; margin-top: 23px;}
.gywm .middle .right2 .p_2{font-size: 18px; color: #c80f16; display: inline-block; vertical-align: middle; font-weight: bold;}
.gywm .middle .right2{margin-left: 12px; text-align: center;display: inline-block; position: relative; box-sizing: border-box; height: 306px; border-left: none; vertical-align: top}
.gywm .middle .right2 .prev, .gywm .middle .right2 .next{position: absolute;left: 3%;top: 50%;margin-top: 23px;display: block;width: 32px;height: 40px; background: url(../images/leftbtn.png) no-repeat;}
.gywm .middle .right2 .next{background: url(../images/rightbtn.png) no-repeat; left: auto; right: -6%;}

.gywm .bottom .left .bd ul li{ text-align: center; width: 260px!important; display: inline-block; vertical-align: top; margin-right: 12px;}
.gywm .bottom .left .bd ul li .pic{ width: 260px; border: 1px solid #e8e8e8; height: 180px;overflow: hidden; box-sizing: border-box;}
.gywm .bottom .left .bd ul li .pic img{ width: 260px; height: 180px;}
.gywm .bottom .left .bd ul .mc{ font-size: 14px; color: #666;margin: 10px 0 0;}
.gywm .bottom .left .bd ul li:hover .mc{ color: #e6212a;}
.gywm .bottom .left .bd{position: relative; display: inline-block; padding: 0 46px 0;}
.gywm .bottom .left .bd .tempWrap{width: 1100px !important;}
.gywm .bottom .left .bd .next2, .gywm .bottom .left .bd .prev2{ width: 15px; height: 42px; position: absolute; top: 48px; cursor: pointer;}
.gywm .bottom .left .bd .prev2{left: 0;}
.gywm .bottom .left .bd .next2{right: 14px;}
.gywm .bottom{margin-top: 30px;  padding-bottom: 60px;}
/* gywm 关于我们end */

/* news 资讯中心*/
.news{width:100%; padding-top: 80px;}
.news>div{width: 1200px; margin: 0 auto;}
.news .left{width: 390px; display: inline-block;}
.news .title{margin: 0 auto; border-bottom: 1px solid #999999; padding-bottom: 20px; margin-bottom: 20px;}
.news .title .p_1{color: #333333; font-size: 18px; font-weight: bold; display: inline-block}
.news .title .p_2{color: #999999; font-size: 16px; float: right; display: inline-block;}
.news .left .content ul li{margin-bottom: 20px;}
.news .left .content ul li .wd_title .w{width: 30px; height: 30px; display: inline-block; background: url('../images/img2.png'); line-height: 30px; text-align: center; color: #ffffff}
.news .left .content ul li .wd_title .d{color: #c80f16; font-size: 14px; display: inline-block; background: #ebebeb; height: 30px; width: 330px;float: right; line-height: 30px; padding-left: 10px;}
.news .left .content ul li .wd_wb{margin-top: 10px;}
.news .left .content ul li .wd_wb .w{width: 30px; height: 30px; vertical-align: top; display: inline-block; background: #333333; line-height: 30px; text-align: center; color: #ffffff}
.news .left .content ul li .wd_wb .d{color: #666666; font-size: 14px; display: inline-block; width: 330px; line-height: 30px; padding-left: 10px;}
.news .middle{width: 420px; margin-left: 56px; display: inline-block; vertical-align: top;}
.news .middle .title ul li{width: 117px; height: 38px; background: #333333; font-size: 18px; color: #ffffff; display: inline-block; line-height: 38px; text-align: center; cursor: pointer;}
.news .middle .title ul .on{background: url('../images/img2.png'); background-size: 1% 100%;}
.news .middle .content dl dd{border-bottom: 1px dashed #e8e8e8;}
.news .middle .content dl dd a{color: #666666; font-size: 14px;  padding: 10px 0; display: block;}
.news .middle .content dl dd:hover a, .news .middle .content ul li div:hover a{color: #ca1018!important; }
.news .right{width: 260px; display: inline-block; vertical-align: top; margin-left: 53px;}
.news .right .content ul li{margin-bottom: 15px;}
.news .right .content form button{width: 77px; height: 26px; line-height: 27px; color: #ffffff; display: inline-block; border: none;}
.news .right .content ul li p{font-size: 14px; color:#333333; display: inline-block; width: 80px; text-align: right;}
.news .right .content ul li input{background: #ebebeb; width: 160px; height: 18px;}
.news .right .content ul li textarea{background: #ebebeb; width: 162px; height: 150px; resize:none;}
/* news 资讯中心 end*/

/* link 友情链接*/
.link{width: 100%; height: 50px; background: url('../images/img2_max.png'); margin-top: 72px;}
.link>div{width: 1200px; margin: 0 auto; padding-top: 14px;}
.link ul li{display: inline-block; color: #ffffff; margin-right: 10px; font-size: 14px;}
.link ul li a{color: #ffffff;}
/* link 友情链接end*/

/* 页尾 */
.foot{width: 100%; background: #342f2e;}
.foot .foot_nr{width: 1200px; margin: 0 auto; padding:40px 0; position: relative;}
.foot .foot_nr .left{display: inline-block; vertical-align: top;}
.foot .foot_nr .middle{display: inline-block; margin-left: 100px;}
.foot .foot_nr .right{float: right; position: absolute;  bottom: 213px; bottom: 48px; right: -14px;}
.foot .foot_nr .right>div{display: inline-block;margin-right: 30px;}
.foot .foot_nr ul{display: inline-block}
.foot .foot_nr ul li{margin-bottom: 10px;}
.foot .foot_nr ul li :hover{color: #ffffff}
.foot .p1{font-size: 24px; color: #ffffff; font-weight: bold;}
.foot .p2{font-size: 14px; color: #999999; text-align: center;}

.foot_nr2{width: 100%; background: #434343; padding: 10px 0;}
.foot_nr2>div{width: 1200px; margin: 0 auto;}
.foot_nr2 span, .foot_nr2 a{font-size: 14px; color: #999999;}
/* 页尾 end*/

/*btn_top*/
#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}

/* 当屏幕分辨率小于1360px时调用 */
@media screen and (max-width: 1360px) {
    .head_content {width: 1085px;}
    .head .nav>div{width: 980px;}
    .head .nav>div ul li{width: 105px;}
    .head .nav>div ul .on, .head .nav>div ul li:hover{background: url(../images/nav_bg3.png)}
    #hengtu{margin-top: -66px;}
}

.G_jszc{display: inline-block; cursor: pointer; position: relative;}
.G_jszc .qrcode{position: absolute; width: 136px; top: -140px; left: -2px; display:none;}
.G_jszc:hover .qrcode{display: inline-block;}